<template>

  <iframe  :id="id" :src="url" frameborder="0" width="100%" height="800px" scrolling="auto"></iframe>

</template>

<script>
import Vue from 'vue'
import { ACCESS_TOKEN } from "@/store/mutation-types"
import { workflowLogin } from '../../api/api'

export default {
  name: "WorkFlow",
  inject:['closeCurrent'],
  data () {
    return {
      url: "",
      id:""
    }
  },
  created () {
    this.goUrl()
  },
  updated () {
    this.goUrl()
  },
  watch: {
    $route(to, from) {
      this.goUrl();
    }
  },
  methods: {
    goUrl () {
      let sessionId
      workflowLogin().then((res)=>{
        sessionId = res
        let url = 'http://172.16.255.157:12345/dolphinscheduler/ui/view/login/index.html?sessionId='+sessionId
        let id = this.$route.path
        this.id = id
        //url = "http://www.baidu.com"
        console.log("------url------"+url)
        this.url = url
      })
      // if (url !== null && url !== undefined) {
      //   //-----------------------------------------------------------------------------------------
      //   //url支持通过 ${token}方式传递当前登录TOKEN
      //   let tokenStr = "${token}";
      //   if(url.indexOf(tokenStr)!=-1) {
      //     let token = Vue.ls.get(ACCESS_TOKEN);
      //     this.url = url.replace(tokenStr, token);
      //   } else {
      //     this.url = url
      //   }
      //   //-----------------------------------------------------------------------------------------
      //
      //   /*update_begin author:wuxianquan date:20190908 for:判断打开方式，新窗口打开时this.$route.meta.internalOrExternal==true */
      //   if(this.$route.meta.internalOrExternal != undefined && this.$route.meta.internalOrExternal==true){
      //     this.closeCurrent();
      //     window.open(this.url);
      //   }
      //   /*update_end author:wuxianquan date:20190908 for:判断打开方式，新窗口打开时this.$route.meta.internalOrExternal==true */
      //
      // }
    }
  }
}
</script>

<style>
</style>